<template>
  <div class="note_box">
    <p>
      <template v-for="(item, index) in mainLinks" :key="index">
        <span v-if="item.type === 'text'">{{ item.text }}</span>
        <a v-else :href="item.href" target="_blank" rel="nofollow noopener noreferrer">
          {{ item.text }}
        </a>
      </template>
    </p>
    <p class="comic-links">
      <a v-for="(link, index) in comicLinks" :key="index" class="comic" :href="link.href" target="_blank"
        rel="nofollow noopener noreferrer">
        {{ link.text }}
      </a>
    </p>
  </div>
</template>

<script setup>
const mainLinks = [
  { type: 'text', text: '看' },
  { type: 'link', text: '成人视频', href: 'https://www.uaa.com/video' },
  { type: 'text', text: '、' },
  { type: 'link', text: '色情直播', href: 'https://uaa.live.com' },
  { type: 'text', text: '、' },
  { type: 'link', text: '成人动漫', href: 'https://www.uaa.com/comic' },
  { type: 'text', text: '、' },
  { type: 'link', text: '成人小说', href: 'https://www.uaa.com/novel' },
  { type: 'text', text: '、' },
  { type: 'link', text: '色情漫画', href: 'https://www.uaa.com/comic' },
  { type: 'text', text: '，听' },
  { type: 'link', text: '色情有声', href: 'https://www.uaa.com/audio' },
  { type: 'text', text: '，上' },
  { type: 'link', text: 'UAA.COM', href: 'https://www.uaa.com' },
  { type: 'text', text: '，有爱爱是体验最好的色情网站！为获得最佳显示效果，建议您使用谷歌 Chrome 浏览器。' },
];

const comicLinks = [
  { text: '成人漫画', href: 'https://www.favcomic.com/r18' },
  { text: '喜漫漫画', href: 'https://www.favcomic.com' },
  { text: '热门韩漫', href: 'https://www.favcomic.com/webtoon' },
];
</script>
